<!DOCTYPE html>
<!--[if IE 7 ]>		 <html class="no-js ie ie7 lte7 lte8 lte9" lang="zh-cmn-Hans-CN"> <![endif]-->
<!--[if IE 8 ]>		 <html class="no-js ie ie8 lte8 lte9" lang="zh-cmn-Hans-CN"> <![endif]-->
<!--[if IE 9 ]>		 <html class="no-js ie ie9 lte9>" lang="zh-cmn-Hans-CN"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="no-js" lang="zh-cmn-Hans-CN"> <!--<![endif]-->
<html lang="zh-cmn-Hans-CN">
{% load staticfiles %}
<head>
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--<meta name="apple-mobile-web-app-capable" content="yes" />--><!-- home screen app 全屏 -->
    <!--<meta name="apple-mobile-web-app-status-bar-style" content="black" />--><!-- 状态栏 -->
    <title>TinyUiEnterprise展示</title>
    <meta name="keywords" content="TinyUi 是基于bootscrap的前端UI组件框架。">
    <meta name="description" content="">
    <script>
        var contextPath = "..";
        var CKEDITOR_BASEPATH = contextPath + '/';
        var pathname = location.pathname;
        var relativeurl = pathname.substring(CKEDITOR_BASEPATH.length);
        // var UPLOAD_ACTION_URL = '/../action/savepic.pagelet';
        /*
         jQuery.fn.outerHTML = function(s) {
         return (s) ? this.before(s).remove() : jQuery("p").append(this.eq(0).clone()).html();
         }
         */
    </script>

    <link rel="shortcut icon" href="/static/img/tiny32.png">
    <link href="/static/css/uiengine.ui.css" rel="stylesheet"/>
    <script src="/static/js/uiengine.ui.js"></script>

    <!--[if lt IE 9]>
		<link href="/static/org/tinygroup/publicComponent/css/ie8apply.css" rel="stylesheet" />
		<script src="/static/org/tinygroup/publicComponent/js/html5shiv.min.js"></script>
		<script src="/static/ajax/index_ajax.html"></script>
	<![endif]-->
</head>
<body class="theme-default main-menu-animated">
<script>var init = [];</script>
<script src="/static/js/setting.js"></script>
<div id="main-wrapper">
    <div id="main-navbar" class="navbar navbar-inverse" role="navigation">
        <!-- Main menu toggle -->
        <button type="button" id="main-menu-toggle">
            <i class="navbar-icon fa fa-bars icon"></i>
            <span class="hide-menu-text"></span>
        </button>

        <div class="navbar-inner">
            <!-- navbar-header start-->
            <div class="navbar-header">
                <!-- Logo -->
                <a href="javascript:void(0);" class="navbar-brand">
                    <div><img title="Tinyframework" src="{% static 'img/main-navbar-logo.png' %}"></div>
                    <!--TinyAdmin-->
                </a>

                <!-- navbar-toggle start -->
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-navbar-collapse"><i
                        class="navbar-icon fa fa-bars"></i></button>
                <!-- navbar-toggle end -->
            </div>
            <div id="main-navbar-collapse" class="collapse navbar-collapse main-navbar-collapse">
                <div>
                    <ul class="nav navbar-nav">
                        <li><a href="#">切换到普通模式</a></li>
                        <li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">下拉菜单</a>
                            <ul class="dropdown-menu">
                                <li><a href="#">第一项</a></li>
                                <li><a href="#">第二项</a></li>
                                <li class="divider"></li>
                                <li><a href="#">第三项</a></li>
                            </ul>
                        </li>
                    </ul>
                    <div class="right clearfix">
                        <ul class="nav navbar-nav pull-right right-navbar-nav">
                            <li class="nav-icon-btn nav-icon-btn-danger dropdown">
                                <a href="javascript:void(0);notifications" class="dropdown-toggle" data-toggle="dropdown">
                                    <span class="label">5</span>
                                    <i class="nav-icon fa fa-bullhorn"></i>
                                    <span class="small-screen-text">通知</span>
                                </a>
                                <!-- NOTIFICATIONS -->

                                <!-- Javascript -->
                                <script>
                                    init.push(function () {
                                        $('#main-navbar-notifications').slimScroll({height: 250});
                                    });
                                </script>
                                <!-- / Javascript -->

                                <div class="dropdown-menu widget-notifications no-padding" style="width: 300px">
                                    <div class="notifications-list" id="main-navbar-notifications">
                                        <div class="notification">
                                            <div class="notification-title text-danger">系统</div>
                                            <div class="notification-description"><strong>500错误</strong>: 语法错误在索引××行
                                                <strong>461</strong>.
                                            </div>
                                            <div class="notification-ago">12小时前</div>
                                            <div class="notification-icon fa fa-hdd-o bg-danger"></div>
                                        </div>
                                        <div class="notification">
                                            <div class="notification-title text-info">仓库</div>
                                            <div class="notification-description"> 你有 <strong>9</strong> 新订单。</div>
                                            <div class="notification-ago">12小时前</div>
                                            <div class="notification-icon fa fa-truck bg-info"></div>
                                        </div>
                                        <div class="notification">
                                            <div class="notification-title text-default">进程</div>
                                            <div class="notification-description"> 工作 <strong>"清理"</strong> 完成。</div>
                                            <div class="notification-ago">12小时前</div>
                                            <div class="notification-icon fa fa-clock-o bg-default"></div>
                                        </div>
                                        <div class="notification">
                                            <div class="notification-title text-success">体系</div>
                                            <div class="notification-description"> 服务器 <strong>内存已满。</strong>.</div>
                                            <div class="notification-ago">11小时前</div>
                                            <div class="notification-icon fa fa-hdd-o bg-success"></div>
                                        </div>
                                        <div class="notification">
                                            <div class="notification-title text-warning">系统</div>
                                            <div class="notification-description"> 服务器 <strong>内存已满。</strong>.</div>
                                            <div class="notification-ago">10小时前</div>
                                            <div class="notification-icon fa fa-hdd-o bg-warning"></div>
                                        </div>
                                    </div>
                                    <!-- / .notifications-list -->
                                    <a href="javascript:void(0);" class="notifications-link">更多的通知</a>
                                </div>
                                <!-- / .dropdown-menu -->
                            </li>
                            <li class="nav-icon-btn nav-icon-btn-success dropdown">
                                <a href="javascript:void(0);notifications" class="dropdown-toggle" data-toggle="dropdown">
                                    <span class="label">12</span>
                                    <i class="nav-icon fa fa-envelope"></i>
                                    <span class="small-screen-text">所得的消息</span>
                                </a>
                                <!-- NOTIFICATIONS -->
                                <!-- Javascript -->
                                <script>
                                    init.push(function () {
                                        $('#main-navbar-notifications').slimScroll({height: 250});
                                    });
                                </script>
                                <!-- / Javascript -->
                                <div class="dropdown-menu widget-notifications no-padding" style="width: 300px">
                                    <div class="notifications-list" id="main-navbar-notifications">
                                        <div class="message">
                                            <img src="{% static 'img/portraits/2.jpg' %}" alt="" class="message-avatar">
                                            <a href="javascript:void(0);" class="message-subject"> 有一位新成员加入Tiny框架...</a>

                                            <div class="message-description">来自 <a href="#">xxx</a>&nbsp;&nbsp;&nbsp;&nbsp;2小时前</div>
                                        </div>
                                        <!-- / .message -->
                                        <div class="message">
                                            <img src="{% static 'img/portraits/3.jpg' %}" alt="" class="message-avatar">
                                            <a href="javascript:void(0);" class="message-subject"> 有一位Tiny粉丝评论了博文...</a>

                                            <div class="message-description">来自 <a href="#">xxx</a>&nbsp;&nbsp;&nbsp;&nbsp;2小时前</div>
                                        </div>
                                        <!-- / .message -->
                                        <div class="message">
                                            <img src="{% static 'img/portraits/4.jpg' %}" alt="" class="message-avatar">
                                            <a href="javascript:void(0);" class="message-subject">myeclipse安装tiny报错，请教各位高手。</a>

                                            <div class="message-description">来自 <a href="#">xxx</a>&nbsp;&nbsp;&nbsp;&nbsp;2小时前</div>
                                        </div>
                                        <!-- / .message -->
                                        <div class="message">
                                            <img src="{% static 'img/portraits/5.jpg' %}" alt="" class="message-avatar">
                                            <a href="javascript:void(0);" class="message-subject">page中获取session的值为什么是旧的...</a>

                                            <div class="message-description">
                                                来自 <a href="#">xxx</a>
                                                &nbsp;&nbsp;&nbsp;&nbsp;
                                                2小时前
                                            </div>
                                        </div>
                                        <!-- / .message -->
                                    </div>
                                    <!-- / .notifications-list -->
                                    <a href="javascript:void(0);" class="notifications-link">更多的信息</a>
                                </div>
                                <!-- / .dropdown-menu -->
                            </li>
                            <li class="fullscreen">
                                <a href="javascript:void(0);" onclick="launchFullScreen(document.documentElement);" title="全屏"><i
                                        class="fa fa-fullscreen"></i></a>
                            </li>
                            <li>
                                <form class="navbar-form pull-left">
                                    <input type="text" class="form-control" placeholder="查找更多...">
                                    <span style="left:-27px;top:3px; position:relative;"><i class="fa fa-search"></i></span>
                                </form>
                            </li>

                            <li class="dropdown">
                                <a href="javascript:void(0);" class="dropdown-toggle user-menu" data-toggle="dropdown">
                                    <img src="{% static 'img/portraits/1.jpg' %}" alt="">
                                    <span>密缘之友</span>
                                </a>
                                <ul class="dropdown-menu">
                                    <li><a href="javascript:void(0);"><span class="label label-warning pull-right">新的</span>资料文件</a>
                                    </li>
                                    <li><a href="javascript:void(0);"><span class="badge badge-primary pull-right">新的</span>个人中心</a>
                                    </li>
                                    <li><a href="javascript:void(0);"><i class="dropdown-icon fa fa-cog"></i>&nbsp;&nbsp;设置</a></li>
                                    <li class="divider"></li>
                                    <li><a href="javascript:void(0);"><i class="dropdown-icon fa fa-power-off"></i>&nbsp;&nbsp;退出</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- main-navbar-collapse end -->
        </div>
        <!-- navbar-inner end -->
    </div>
    <!-- main-navbar end -->
    <div id="main-menu" role="navigation">
        <div id="main-menu-inner">
            <div class="menu-content top" id="menu-content-demo">
                <div>
                    <div class="text-bg"><span class="text-slim">欢迎您,</span> <span class="text-semibold">Liyl</span></div>
                    <img src="{% static 'img/portraits/1.jpg' %}" alt="" class="">

                    <div class="btn-group">
                        <a href="javascript:void(0);" class="btn btn-xs btn-primary btn-outline dark"><i
                                class="fa fa-envelope"></i></a>
                        <a href="javascript:void(0);" class="btn btn-xs btn-primary btn-outline dark"><i class="fa fa-user"></i></a>
                        <a href="javascript:void(0);" class="btn btn-xs btn-primary btn-outline dark"><i class="fa fa-cog"></i></a>
                        <a href="javascript:void(0);" class="btn btn-xs btn-danger btn-outline dark"><i
                                class="fa fa-power-off"></i></a>
                    </div>
                </div>
            </div>
            <ul class="navigation">
                <li><a href=".html" class="navitem" title="首页" data-treeid="0"><i class="menu-icon fa fa-home"></i><span
                        class="mm-text">首页</span></a></li>
                <li><a href="w.html" class="navitem" title="概述" data-treeid="1"><i class="menu-icon fa fa-dashboard"></i><span
                        class="mm-text">概述</span></a></li>

                <li class="mm-dropdown class java.util.HashMap"><a href="javascript:void(0);" data-treeid="2"><i
                        class="menu-icon fa fa-th"></i><span class="mm-text">布局</span></a>
                    <ul>
                        <li>
                            <a href="tem.html" class="navitem" title="栅格系统" data-treeid="2.1"><span class="mm-text">栅格系统</span>
                            </a>
                        </li>
                        <li>
                            <a href=".html" class="navitem" title="Tabs展现" data-treeid="2.2"><span class="mm-text">Tabs展现</span>
                            </a>
                        </li>
                        <li>
                            <a href="ox.html" class="navitem" title="ToggleBox" data-treeid="2.3"><span
                                    class="mm-text">ToggleBox</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="mm-dropdown class java.util.HashMap">
                    <a href="javascript:void(0);" data-treeid="3"><i class="menu-icon fa fa-desktop"></i><span
                            class="mm-text">基础</span>
                    </a>
                    <ul>
                        <li>
                            <a href="phy.html" class="navitem" title="排版" data-treeid="3.1"><span class="mm-text">排版</span>
                            </a>
                        </li>
                        <li>
                            <a href="ml" class="navitem" title="图标" data-treeid="3.3"><span class="mm-text">图标</span>
                            </a>
                        </li>
                        <li>
                            <a href="html" class="navitem" title="按钮" data-treeid="3.4"><span class="mm-text">按钮</span>
                            </a>
                        </li>
                        <li>
                            <a href="html" class="navitem" title="表格" data-treeid="3.5"><span class="mm-text">表格</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="mm-dropdown class java.util.HashMap">
                    <a href="javascript:void(0);" data-treeid="4"><i class="menu-icon fa icon-wrench"></i><span
                            class="mm-text">元素</span>
                    </a>
                    <ul>
                        <li>
                            <a href="dge.html" class="navitem" title="便签与标号" data-treeid="4.1"><span class="mm-text">便签与标号</span>
                            </a>
                        </li>
                        <li>
                            <a href="tml" class="navitem" title="警告" data-treeid="4.2"><span class="mm-text">警告</span>
                            </a>
                        </li>
                        <li>
                            <a href="s.html" class="navitem" title="进度条" data-treeid="4.3"><span class="mm-text">进度条</span>
                            </a>
                        </li>
                        <li>
                            <a href="ceElements.html" class="navitem" title="界面元素" data-treeid="4.4"><span class="mm-text">界面元素</span>
                            </a>
                        </li>
                        <li>
                            <a href="l" class="navitem" title="导航" data-treeid="4.5"><span class="mm-text">导航</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="mm-dropdown class java.util.HashMap">
                    <a href="javascript:void(0);" data-treeid="5"><i class="menu-icon fa fa-tasks"></i><span class="mm-text">表单</span>
                    </a>
                    <ul>
                        <li>
                            <a href="tml" class="navitem" title="表单列表" data-treeid="5.1"><span class="mm-text">表单列表</span>
                            </a>
                        </li>
                        <li>
                            <a href="html" class="navitem" title="编辑器" data-treeid="5.2"><span class="mm-text">编辑器</span>
                            </a>
                        </li>
                        <li>
                            <a href="apDate.html" class="navitem" title="日期控件" data-treeid="5.3"><span class="mm-text">日期控件</span>
                            </a>
                        </li>
                        <li>
                            <a href="n.html" class="navitem" title="下拉菜单" data-treeid="5.5"><span class="mm-text">下拉菜单</span>
                            </a>
                        </li>
                        <li>
                            <a href="html" class="navitem" title="搜索" data-treeid="5.6"><span class="mm-text">搜索</span>
                            </a>
                        </li>
                        <li>
                            <a href="/webupload.html" class="navitem" title="多文件上传" data-treeid="5.7"><span
                                    class="mm-text">多文件上传</span>
                            </a>
                        </li>
                        <li>
                            <a href="ist.html" class="navitem" title="权限移动" data-treeid="5.8"><span class="mm-text">权限移动</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="mm-dropdown class java.util.HashMap">
                    <a href="javascript:void(0);" data-treeid="6"><i class="menu-icon fa icon-picture"></i><span
                            class="mm-text">图库</span>
                    </a>
                    <ul>
                        <li>
                            <a href=".html" class="navitem" title="图片" data-treeid="6.1"><span class="mm-text">图片</span>
                            </a>
                        </li>
                        <li>
                            <a href="ils.html" class="navitem" title="缩略图" data-treeid="6.2"><span class="mm-text">缩略图</span>
                            </a>
                        </li>
                        <li>
                            <a href="tml" class="navitem" title="媒体插入" data-treeid="6.3"><span class="mm-text">媒体插入</span>
                            </a>
                        </li>
                        <li>
                            <a href="" class="navitem" title="广告" data-treeid="6.4"><span class="mm-text">广告</span>
                            </a>
                        </li>
                        <li>
                            <a href=".html" class="navitem" title="UED提示" data-treeid="6.5"><span class="mm-text">UED提示</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="mm-dropdown class java.util.HashMap">
                    <a href="javascript:void(0);" data-treeid="7"><i class="menu-icon fa icon-random"></i><span
                            class="mm-text">交互</span>
                    </a>
                    <ul>
                        <li>
                            <a href="on.html" class="navitem" title="动画" data-treeid="7.1"><span class="mm-text">动画</span>
                            </a>
                        </li>
                        <li>
                            <a href="r.html" class="navitem" title="幻灯片" data-treeid="7.2"><span class="mm-text">幻灯片</span>
                            </a>
                        </li>
                        <li>
                            <a href="l" class="navitem" title="选项卡" data-treeid="7.3"><span class="mm-text">选项卡</span>
                            </a>
                        </li>
                        <li>
                            <a href="tml" class="navitem" title="对话框 弹出层" data-treeid="7.4"><span class="mm-text">对话框 弹出层</span>
                            </a>
                        </li>
                        <li>
                            <a href=".html" class="navitem" title="滚动" data-treeid="7.5"><span class="mm-text">滚动</span>
                            </a>
                        </li>
                        <li>
                            <a href="ml" class="navitem" title="标签" data-treeid="7.6"><span class="mm-text">标签</span>
                            </a>
                        </li>
                        <li>
                            <a href="ml" class="navitem" title="折叠" data-treeid="7.7"><span class="mm-text">折叠</span>
                            </a>
                        </li>
                        <li>
                            <a href=".html" class="navitem" title="遮罩条" data-treeid="7.8"><span class="mm-text">遮罩条</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="mm-dropdown class java.util.HashMap">
                    <a href="javascript:void(0);" data-treeid="8"><i class="menu-icon fa icon-legal"></i><span
                            class="mm-text">部件</span>
                    </a>
                    <ul>
                        <li>
                            <a href="ml" class="navitem" title="客服" data-treeid="8.1"><span class="mm-text">客服</span>
                            </a>
                        </li>
                        <li>
                            <a href="tml" class="navitem" title="返回顶部" data-treeid="8.2"><span class="mm-text">返回顶部</span>
                            </a>
                        </li>
                        <li>
                            <a href="tml" class="navitem" title="分享" data-treeid="8.3"><span class="mm-text">分享</span>
                            </a>
                        </li>
                        <li>
                            <a href=".html" class="navitem" title="案例" data-treeid="8.4"><span class="mm-text">案例</span>
                            </a>
                        </li>
                        <li>
                            <a href="reeview.html" class="navitem" title="树形视图" data-treeid="8.5"><span class="mm-text">树形视图</span>
                            </a>
                        </li>
                        <li class="mm-dropdown class java.util.HashMap">
                            <a href="javascript:void(0);" data-treeid="8.6"><span class="mm-text">图表</span>
                            </a>
                            <ul>
                                <li>
                                    <a href="html" class="navitem" title="图表展示" data-treeid="8.6.1"><span class="mm-text">图表展示</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="/flot.html" class="navitem" title="flot图表" data-treeid="8.6.2"><span class="mm-text">flot图表</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="nChart.html" class="navitem" title="燃尽图表" data-treeid="8.6.3"><span
                                            class="mm-text">燃尽图表</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="rts.html" class="navitem" title="highCharts图表" data-treeid="8.6.4"><span class="mm-text">highCharts图表</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="r.html" class="navitem" title="日历" data-treeid="8.7"><span class="mm-text">日历</span>
                            </a>
                        </li>
                        <li>
                            <a href="endar.html" class="navitem" title="背景日历" data-treeid="8.8"><span class="mm-text">背景日历</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="mm-dropdown class java.util.HashMap">
                    <a href="javascript:void(0);" data-treeid="9"><i class="menu-icon fa icon-th-list"></i><span
                            class="mm-text">实例</span>
                    </a>
                    <ul>
                        <li>
                            <a href=".html" class="navitem" title="评论列表" data-treeid="9.1"><span class="mm-text">评论列表</span>
                            </a>
                        </li>
                        <li>
                            <a href="ment.html" class="navitem" title="用户评论" data-treeid="9.2"><span class="mm-text">用户评论</span>
                            </a>
                        </li>
                        <li>
                            <a href="age.html" class="navitem" title="搜索页" data-treeid="9.3"><span class="mm-text">搜索页</span>
                            </a>
                        </li>
                        <li>
                            <a href="tml" class="navitem" title="Gantt图" data-treeid="9.4"><span class="mm-text">Gantt图</span>
                            </a>
                        </li>
                        <li>
                            <a href=".html" class="navitem" title="操作向导" data-treeid="9.5"><span class="mm-text">操作向导</span>
                            </a>
                        </li>
                        <li class="mm-dropdown class java.util.HashMap">
                            <a href="javascript:void(0);" data-treeid="9.6"><span class="mm-text">邮件模板</span>
                            </a>
                            <ul>
                                <li>
                                    <a href="mplate.html" class="navitem" title="邮件列表" data-treeid="9.6.1"><span
                                            class="mm-text">邮件列表</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="ail.html" class="navitem" title="邮件详情" data-treeid="9.6.2"><span
                                            class="mm-text">邮件详情</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="pose.html" class="navitem" title="编写邮件" data-treeid="9.6.3"><span
                                            class="mm-text">编写邮件</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="e.html" class="navitem" title="时间轴" data-treeid="9.7"><span class="mm-text">时间轴</span>
                            </a>
                        </li>
                        <li class="mm-dropdown class java.util.HashMap">
                            <a href="javascript:void(0);" data-treeid="9.8"><span class="mm-text">论坛</span>
                            </a>
                            <ul>
                                <li>
                                    <a href="tml" class="navitem" title="论坛布局" data-treeid="9.8.1"><span class="mm-text">论坛布局</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="opic.html" class="navitem" title="论坛列表" data-treeid="9.8.2"><span
                                            class="mm-text">论坛列表</span>
                                    </a>
                                </li>
                                <li>
                                    <a href="ost.html" class="navitem" title="论坛详情" data-treeid="9.8.3"><span
                                            class="mm-text">论坛详情</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="ntrol.html" class="navitem" title="视图控制" data-treeid="9.9"><span class="mm-text">视图控制</span>
                            </a>
                        </li>
                        <li>
                            <a href=".html" class="navitem" title="图标控制" data-treeid="9.10"><span class="mm-text">图标控制</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="mm-dropdown class java.util.HashMap">
                    <a href="javascript:void(0);" data-treeid="10"><i class="menu-icon fa fa-files-o"></i><span
                            class="mm-text">其它</span>
                    </a>
                    <ul>
                        <li>
                            <a href="4.html" class="navitem" title="错误404" data-treeid="10.1"><span class="mm-text">错误404</span>
                            </a>
                        </li>
                        <li>
                            <a href="0.html" class="navitem" title="错误500" data-treeid="10.2"><span class="mm-text">错误500</span>
                            </a>
                        </li>
                        <li>
                            <a href="gistered.html" class="navitem" title="登录注册" data-treeid="10.3"><span class="mm-text">登录注册</span>
                            </a>
                        </li>
                        <li>
                            <a href="ollingpic.html" class="navitem" title="屏幕内图片加载" data-treeid="10.4"><span
                                    class="mm-text">屏幕内图片加载</span>
                            </a>
                        </li>
                    </ul>
                </li>
                <li class="mm-dropdown class java.util.HashMap">
                    <a href="javascript:void(0);" data-treeid="11"><i class="menu-icon fa fa-sitemap"></i><span
                            class="mm-text">多级导航</span>
                        <span class="label label-warning">6</span> </a>
                    <ul>
                        <li>
                            <a href="tml" class="navitem" title="一级菜单" data-treeid="11.1"><span class="mm-text">一级菜单</span>
                            </a>
                        </li>
                        <li class="mm-dropdown class java.util.HashMap">
                            <a href="javascript:void(0);" data-treeid="11.2"><span class="mm-text">一级菜单</span>
                                <span class="label label-warning">5</span> </a>
                            <ul>
                                <li>
                                    <a href="/second.html" class="navitem" title="二级菜单" data-treeid="11.2.1"><span
                                            class="mm-text">二级菜单</span>
                                    </a>
                                </li>
                                <li class="mm-dropdown class java.util.HashMap">
                                    <a href="javascript:void(0);" data-treeid="11.2.2"><span class="mm-text">二级菜单</span>
                                        <span class="label label-warning">5</span> </a>
                                    <ul>
                                        <li class="mm-dropdown class java.util.HashMap">
                                            <a href="javascript:void(0);" data-treeid="11.2.2.1"><span class="mm-text">三级菜单</span>
                                                <span class="label label-warning">5</span> </a>
                                            <ul>
                                                <li>
                                                    <a href="/fourth.html" class="navitem" title="四级菜单" data-treeid="11.2.2.1.1"><span
                                                            class="mm-text">四级菜单</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li>
                                            <a href="/third.html" class="navitem" title="三级菜单" data-treeid="11.2.2.2"><span
                                                    class="mm-text">三级菜单</span>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li>
                                    <a href="second2.page" class="navitem" title="二级菜单2" data-treeid="11.2.3"><span class="mm-text">二级菜单2</span>
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
            <!-- navigation end -->

            <div class="menu-content">
                <a href="javascript:void(0);" class="btn btn-primary btn-block btn-outline dark">创建页面</a>
            </div>
        </div>
    </div>
    <div id="main-menu-bg"></div>
    <div class="content-wrapper-bg"></div>
    <div id="content-wrapper">
        <div class="postion-nav">
            <ul class="breadcrumb">
                <li class="text-light-gray">所在位置：</li>
                <li><a href="/..">首页</a></li>
            </ul>
        </div>
        <!-- 主体 start -->
        <div class="row">
            <div id="tinypagecontent" style="min-height:490px"></div>
        </div>
        <div id="tinyfooter">
            <div class="tinyfooterrap">
			<span class="right">
					浙ICP备14043110号-1
			</span>
                TinyGroup官方网站 &copy; 2013-2015
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
    init.push(function () {
        // Javascript code here
        //setPostiionNav();
    });
    $(function () {
        var a = location.hash.replace(/^#/, "");
        if (!a) {
            a = "../ajax/content.html";
        }
        TinyAjaxloadContent(a, $("#tinypagecontent"));
        function setPageInfo(e) {
            window.location.hash = $(e).attr("href");
            var currenttxt = $(e).find('span:first').html();
            $(document).attr("title", currenttxt + "--" + "TinyUiEnterprise展示");
            $('.postion-nav .active').html(currenttxt);
            TinyAjaxloadContent($(e).attr("href"), $("#tinypagecontent"));
        }

        $("body").on("click", "a:not([data-toggle=modal])", function () {
            if ($(this).attr("href").indexOf(".html") == "-1") return;
            setPageInfo(this);
            return false;
        });
    });


    function TinyAjaxloadContent(a, b) {
        var time = "";

        $.ajax({
            type: "GET",
            url: a,
            dataType: "html",
            cache: false,
            beforeSend: function () {
                b[0] == $("#tinypagecontent")[0] && ($("html").animate({
                            scrollTop: 0
                        },
                        "fast"));
                time = setTimeout(function () {
                    $("#tinypagecontent").append('<h1 class="ajax-loading-animation tinyLoadingContent" ><i class="fa fa-cog fa-spin"></i> 加载...</h1>');
                }, 150);
            },
            success: function (a) {
                if (time) clearTimeout(time);
                b.html(a);
                SyntaxHighlighter.highlight();
            },
            error: function (jqXHR, textStatus, errorThrown) {
                alert(errorThrown);
                b.html('<h4 class="ajax-loading-error"><i class="fa fa-warning txt-color-orangeDark"></i> Error 404! Page not found.</h4>')
            }
        })
    }

</script>

</body>
</html>